.index-banner { width: 100%;overflow: hidden; position: relative;}
.index-banner .title { font-size: 60px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.30); font-weight: bold; }
.index-banner .sub-title { font-size: 30px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.30); }
.index-banner .swiper-slide .detail {position: absolute; width: 100%; color: #fff; opacity: 0;  transition: opacity .3s .3s;
top:45%; text-align: center; }
.index-banner .swiper-slide-active .detail { opacity: 1; }
/**/

.index-banner .effect1 img { transform: scale(1.25, 1.25) translate(10%, 10%); transform: scale(1.1, 1.1) translate(4.545%, 4.545%);/*tr     =    (sc-1)/2sc*100%              */
    /* --1.25       0.25/2.5*100%=10%          */
}
.index-banner .leftUp img { -webkit-animation-name: leftUp; animation-name: leftUp; }
 @-webkit-keyframes leftUp {  0% {
 transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
}
 100% {
 transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
}
}
 @keyframes leftUp {  0% {
 transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
}
 100% {
 transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
}
}
.index-banner .moveRight img { -webkit-animation-name: moveRight; animation-name: moveRight; }
 @-webkit-keyframes moveRight {  0% {
 transform: scale(1.1, 1.1) translate(-4.545%, 0);
}
 100% {
 transform: scale(1.1, 1.1) translate(4.545%, 0);
}
}
 @keyframes moveRight {  0% {
 transform: scale(1.1, 1.1) translate(-4.545%, 0);
}
 100% {
 transform: scale(1.1, 1.1) translate(4.545%, 0);
}
}
.index-banner .moveDown img { -webkit-animation-name: moveDown; animation-name: moveDown; }
 @-webkit-keyframes moveDown {  0% {
 transform: scale(1.1, 1.1) translate(0, -4.545%);
}
 100% {
 transform: scale(1.1, 1.1) translate(0, 4.545%);
}
}
 @keyframes moveDown {  0% {
 transform: scale(1.1, 1.1) translate(0, -4.545%);
}
 100% {
 transform: scale(1.1, 1.1) translate(0, 4.545%);
}
}
.index-banner .centerBig img { -webkit-animation-name: centerBig; animation-name: centerBig; }
 @-webkit-keyframes centerBig {  100% {
 transform: scale(1.0, 1.0);
}
}
 @keyframes centerBig {  100% {
 transform: scale(1.0, 1.0);
}
}
.index-banner .rightDownBig img { -webkit-animation-name: rightDownBig; animation-name: rightDownBig; }
 @-webkit-keyframes rightDownBig {  100% {
 transform: scale(1.1, 1.1) translate(4%, 4%);
}
}
 @keyframes rightDownBig {  100% {
 transform: scale(1.1, 1.1) translate(4%, 4%);
}
}
.index-banner .swiper-slide img { animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; transform: scale(1.2);width:100%;height:100%;}
.index-banner .swiper-pagination { top:40%; left: 22px;width: 16px;}
.index-banner .swiper-pagination-bullet { width: 16px; height: 16px; background: #fff;}